{% extends "::base.html.twig" %}

{% block title %}{{ playlist_info.title }} - Vidéos - {{ parent() }}{% endblock %}

{% block stylesheets %}
    {{ parent() }}
    <link rel="stylesheet" href="{{ asset('/bundles/basevideos/css/main.css') }}" type="text/css" media="screen" />
{% endblock %}

{% block title_page %}movie{% endblock %}

{% block content %}

<h1 class="title">{{ playlist_info.title }}</h1>

<ul>
    {% for video in videos_list %}
        <li class='l_{{ loop.index%2 }} movie_player'>
            <div>
                <iframe type="text/html" width="400" height="300" src="{{ video.video_uri }}" frameborder="0"></iframe>
            </div>
            <h2>{{ video.title }}</h2>
            <hr class='separator' />
        </li>
    {% endfor %}
</ul>

{% endblock %}